<template>
    <div v-bind:style="[activeClass,borderClass]"></div>
    <div v-bind:style="[isActive ? activeClass : '',borderClass]"></div>
    <div v-bind:style="[{background: 'rgb(59,192,241)',height: '10px'},borderClass]"></div>
</template>

<script setup>
import { ref, reactive } from 'vue'
const isActive = ref(true)
const activeClass = {
    background: 'rgb(59,192,241)',
    height: '10px'
}
const borderClass = reactive({
    border: '2px solid rgb(0,0,0)'
})
</script>